<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>腾冲五天四晚自驾旅行行程</title>
    
    <!-- PWA和移动端优化 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="腾冲旅行">
    <meta name="theme-color" content="#2A9D8F">
    <meta name="description" content="腾冲五天四晚自驾旅行行程安排，包含高黎贡山徒步、火山地质公园、和顺古镇等精彩景点">
    
    <!-- 禁用iOS Safari的一些默认行为 -->
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <!-- 引入Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- 引入Font Awesome -->
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- 高德地图JS API v2 -->
    <script src="https://webapi.amap.com/maps?v=2.0&key=d9882cccd765609dd0b5e13d8d930158&plugin=AMap.Geocoder,AMap.Scale,AMap.ToolBar"></script>
    <script>
        // 默认使用高德地图，若加载失败再回退动画地图
        window.mapFallback = false;
    </script>
    
    <!-- 配置Tailwind自定义颜色和字体 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#2A9D8F',     // 腾冲特色绿色
                        secondary: '#E9C46A',   // 暖黄色
                        accent: '#F4A261',      // 橙色点缀
                        dark: '#264653',        // 深色文本
                        light: '#F8F9FA',       // 浅色背景
                        gaoligong: '#1E6091'    // 高黎贡山蓝色
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <!-- 自定义工具类 -->
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .card-hover {
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .card-hover:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 20px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            }
            .timeline-dot::before {
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: #2A9D8F;
                top: 20px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 10;
            }
            .timeline-dot-gaoligong::before {
                background-color: #1E6091;
            }
            .mobile-timeline-dot::before {
                left: 24px;
                top: 16px;
                width: 10px;
                height: 10px;
            }
        }
    </style>
    
    <style>
        /* 地图容器样式 */
        #map {
            height: 350px;
            width: 100%;
            border-radius: 0.75rem;
            z-index: 10;
        }
        
        @media (min-width: 768px) {
            #map {
                height: 500px;
            }
        }
        
        /* 平滑滚动 */
        html {
            scroll-behavior: smooth;
        }
        
        /* 时间线样式 */
        .timeline::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 2px;
            background-color: #2A9D8F;
            transform: translateX(-50%);
        }
        
        .timeline-gaoligong::before {
            background-color: #1E6091;
        }
        
        /* 移动端时间线样式 */
        @media (max-width: 767px) {
            .timeline::before {
                left: 24px;
                width: 2px;
            }
            .timeline-dot::before {
                left: 24px;
                transform: none;
            }
            .mobile-timeline-content {
                margin-left: 3.5rem;
            }
        }
        
        /* 加载动画 */
        .loader {
            border-top-color: #2A9D8F;
            animation: spinner 1s linear infinite;
        }
        
        @keyframes spinner {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* 移动端优化 */
        @media (max-width: 767px) {
            .mobile-card {
                margin-bottom: 1rem;
            }
            
            .mobile-nav-button {
                padding: 0.75rem 1rem;
                border-radius: 0.5rem;
                min-height: 44px;
            }
            
            /* 防止iOS Safari缩放 */
            input, select, textarea {
                font-size: 16px !important;
            }
        }
        
        /* iOS Safari地址栏隐藏优化 */
        @supports (-webkit-touch-callout: none) {
            .hero-section {
                min-height: calc(50vh + env(safe-area-inset-top));
            }
        }
        
        /* 地图动画效果 */
        .location-marker {
            transition: all 0.3s ease;
        }
        
        .location-marker:hover {
            z-index: 20;
        }
        
        .location-marker div {
            transition: all 0.3s ease;
        }
        
        .location-marker:hover div {
            transform: scale(1.2);
            box-shadow: 0 8px 25px rgba(0,0,0,0.3);
        }
        
        /* 弹窗动画 */
        .map-day-info, .map-location-info {
            animation: fadeInScale 0.3s ease;
        }
        
        @keyframes fadeInScale {
            from {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.9);
            }
            to {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
        }

        /* AMap自定义Marker样式（参考官方文档） */
        .custom-marker .marker-pin {
            width: 28px;
            height: 28px;
            border-radius: 50% 50% 50% 0;
            transform: rotate(-45deg);
            position: relative;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 6px 18px rgba(0,0,0,0.25);
        }
        .custom-marker .marker-pin i {
            transform: rotate(45deg);
            font-size: 12px;
        }
        .custom-marker .marker-shadow {
            position: absolute;
            width: 18px;
            height: 6px;
            background: rgba(0,0,0,0.18);
            filter: blur(2px);
            border-radius: 50%;
            left: 5px;
            top: 28px;
        }
        .custom-marker:hover .marker-pin {
            transform: rotate(-45deg) scale(1.1);
        }
    </style>
</head>
<body class="bg-light text-dark font-sans">
    <!-- 导航栏 -->
    <header class="sticky top-0 bg-white bg-opacity-95 shadow-md z-50 transition-all duration-300">
        <div class="container mx-auto px-4 py-2 md:py-3 flex justify-between items-center">
            <div class="flex items-center space-x-2">
                <i class="fa fa-map-marker text-primary text-xl md:text-2xl"></i>
                <h1 class="text-lg md:text-2xl font-bold text-primary">腾冲自驾旅行</h1>
            </div>
            <nav class="hidden md:flex space-x-6">
                <a href="#overview" class="hover:text-primary transition-colors text-sm"><i class="fa fa-info-circle mr-1"></i>行程概览</a>
                <a href="#day1" class="hover:text-primary transition-colors text-sm"><i class="fa fa-calendar-o mr-1"></i>第一天</a>
                <a href="#day2" class="hover:text-gaoligong transition-colors text-sm"><i class="fa fa-calendar-o mr-1"></i>第二天</a>
                <a href="#day3" class="hover:text-primary transition-colors text-sm"><i class="fa fa-calendar-o mr-1"></i>第三天</a>
                <a href="#day4" class="hover:text-primary transition-colors text-sm"><i class="fa fa-calendar-o mr-1"></i>第四天</a>
                <a href="#day5" class="hover:text-primary transition-colors text-sm"><i class="fa fa-calendar-o mr-1"></i>第五天</a>
                <a href="#map-section" class="hover:text-primary transition-colors text-sm"><i class="fa fa-map mr-1"></i>行程地图</a>
            </nav>
            <button id="mobile-menu-button" class="md:hidden text-dark focus:outline-none p-2">
                <i class="fa fa-bars text-lg"></i>
            </button>
        </div>
        <!-- 移动端菜单 -->
        <div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg">
            <div class="container mx-auto px-4 py-3 grid grid-cols-2 gap-2">
                <a href="#overview" class="mobile-nav-button bg-gray-100 hover:bg-primary hover:text-white transition-colors text-center text-sm"><i class="fa fa-info-circle mr-1"></i>行程概览</a>
                <a href="#day1" class="mobile-nav-button bg-gray-100 hover:bg-primary hover:text-white transition-colors text-center text-sm"><i class="fa fa-calendar-o mr-1"></i>第一天</a>
                <a href="#day2" class="mobile-nav-button bg-gray-100 hover:bg-gaoligong hover:text-white transition-colors text-center text-sm"><i class="fa fa-calendar-o mr-1"></i>第二天</a>
                <a href="#day3" class="mobile-nav-button bg-gray-100 hover:bg-primary hover:text-white transition-colors text-center text-sm"><i class="fa fa-calendar-o mr-1"></i>第三天</a>
                <a href="#day4" class="mobile-nav-button bg-gray-100 hover:bg-primary hover:text-white transition-colors text-center text-sm"><i class="fa fa-calendar-o mr-1"></i>第四天</a>
                <a href="#day5" class="mobile-nav-button bg-gray-100 hover:bg-primary hover:text-white transition-colors text-center text-sm"><i class="fa fa-calendar-o mr-1"></i>第五天</a>
                <a href="#map-section" class="mobile-nav-button bg-gray-100 hover:bg-primary hover:text-white transition-colors text-center text-sm col-span-2"><i class="fa fa-map mr-1"></i>行程地图</a>
            </div>
        </div>
    </header>

    <!-- 英雄区域 -->
    <section class="hero-section relative h-[60vh] min-h-[350px] bg-cover bg-center" style="background-image: url('https://picsum.photos/id/1036/1600/900');">
        <div class="absolute inset-0 bg-dark bg-opacity-50"></div>
        <div class="container mx-auto px-4 h-full flex flex-col justify-center items-center relative z-10 text-white text-center">
            <h1 class="text-2xl md:text-5xl font-bold mb-4 text-shadow leading-tight">腾冲五天四晚自驾旅行</h1>
            <p class="text-base md:text-xl max-w-2xl text-shadow px-4">探索火山地热奇观，徒步高黎贡山，感受滇西抗战历史，体验古镇风情</p>
            <div class="mt-6 md:mt-8">
                <a href="#overview" class="bg-primary hover:bg-primary/90 text-white font-medium py-3 px-6 rounded-full transition-all shadow-lg hover:shadow-xl inline-flex items-center text-sm md:text-base">
                    查看行程 <i class="fa fa-arrow-down ml-2"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- 行程概览 -->
    <section id="overview" class="py-12 md:py-16 bg-white">
        <div class="container mx-auto px-4">
            <div class="text-center mb-8 md:mb-12">
                <h2 class="text-2xl md:text-3xl font-bold mb-4 text-dark">行程概览</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
                <p class="mt-4 md:mt-6 text-gray-600 max-w-3xl mx-auto px-4 text-sm md:text-base">本次腾冲之旅增加了高黎贡山徒步体验，五天四晚的行程安排更加丰富，让您深度领略腾冲的自然与人文魅力。</p>
            </div>
            
            <!-- 小红书风格提示 -->
            <div class="bg-gradient-to-r from-pink-50 to-orange-50 rounded-2xl p-4 md:p-6 mb-8 md:mb-12 border-l-4 border-primary">
                <div class="flex items-center mb-4">
                    <div class="w-8 h-8 bg-primary rounded-full flex items-center justify-center mr-3">
                        <i class="fa fa-lightbulb text-white text-sm"></i>
                    </div>
                    <h3 class="text-lg md:text-xl font-bold text-primary">🔥 腾冲自驾攻略</h3>
                </div>
                
                <div class="grid md:grid-cols-2 gap-4 md:gap-6">
                    <div class="space-y-3">
                        <h4 class="font-semibold text-gray-800 flex items-center">
                            <i class="fa fa-car text-primary mr-2"></i>自驾必知
                        </h4>
                                                 <div class="text-sm text-gray-600 space-y-2">
                             <p>📍 <strong>机场路线</strong>：芒市机场→腾冲，全程约160km</p>
                             <p>⏰ <strong>行驶时间</strong>：约2.5小时，山路较多需谨慎</p>
                             <p>⛽ <strong>加油站</strong>：芒市、龙陵、腾冲均有加油站</p>
                             <p>🎫 <strong>过路费</strong>：约80-120元</p>
                         </div>
                    </div>
                    
                    <div class="space-y-3">
                        <h4 class="font-semibold text-gray-800 flex items-center">
                            <i class="fa fa-exclamation-triangle text-amber-500 mr-2"></i>注意事项
                        </h4>
                        <div class="text-sm text-gray-600 space-y-2">
                            <p>🌡️ <strong>海拔</strong>：1640m，注意高原反应</p>
                            <p>🌧️ <strong>雨季</strong>：7-9月，带雨具备胎</p>
                            <p>📱 <strong>信号</strong>：山区信号弱，下载离线地图</p>
                            <p>💊 <strong>必备</strong>：晕车药、防晒霜、保温水杯</p>
                        </div>
                    </div>
                </div>
                
                <div class="mt-4 p-3 bg-white bg-opacity-60 rounded-lg">
                    <p class="text-xs text-gray-500 text-center">
                        <i class="fa fa-heart text-red-400 mr-1"></i>
                        小红书亲测路线，收藏不迷路！记得给小伙伴们种草哦～
                    </p>
                </div>
            </div>
            
                            <!-- 热门餐厅推荐 -->
                <div class="bg-white rounded-2xl p-4 md:p-6 mb-8 md:mb-12 shadow-lg">
                    <div class="flex items-center mb-4">
                        <div class="w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center mr-3">
                            <i class="fa fa-utensils text-white text-sm"></i>
                        </div>
                        <h3 class="text-lg md:text-xl font-bold text-orange-600">🍽️ 腾冲美食地图</h3>
                    </div>
                    
                    <div class="grid md:grid-cols-3 gap-4">
                        <div class="bg-gradient-to-br from-red-50 to-orange-50 p-4 rounded-xl border border-red-100">
                            <h4 class="font-bold text-red-700 mb-2">老奶洋芋</h4>
                            <p class="text-xs text-gray-600 mb-2">📍 腾越镇凤山路口 | 人均20-30元</p>
                            <p class="text-xs">腾冲街头小吃之王，蘸辣椒面超香！</p>
                        </div>
                        
                        <div class="bg-gradient-to-br from-yellow-50 to-amber-50 p-4 rounded-xl border border-yellow-100">
                            <h4 class="font-bold text-amber-700 mb-2">棕包店</h4>
                            <p class="text-xs text-gray-600 mb-2">📍 和顺古镇内多家 | 人均15-25元</p>
                            <p class="text-xs">芭蕉叶包糯米，季节限定美味！</p>
                        </div>
                        
                        <div class="bg-gradient-to-br from-green-50 to-teal-50 p-4 rounded-xl border border-green-100">
                            <h4 class="font-bold text-green-700 mb-2">头脑店</h4>
                            <p class="text-xs text-gray-600 mb-2">📍 和顺古镇清真街 | 人均30-50元</p>
                            <p class="text-xs">清真羊肉汤，暖胃又暖心！</p>
                        </div>
                    </div>
                </div>
                
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4 md:gap-6">
                <!-- 第一天卡片 -->
                <div class="bg-light rounded-xl shadow-md overflow-hidden card-hover mobile-card">
                    <div class="h-32 md:h-48 bg-cover bg-center" style="background-image: url('https://picsum.photos/id/1039/600/400');">
                        <div class="bg-primary text-white p-2 md:p-3 inline-block">
                            <i class="fa fa-calendar mr-1 md:mr-2 text-sm md:text-base"></i>Day 1
                        </div>
                    </div>
                    <div class="p-4 md:p-6">
                        <h3 class="text-lg md:text-xl font-bold mb-2 md:mb-3">抵达腾冲 & 市区休整</h3>
                        <p class="text-gray-600 mb-3 md:mb-4 text-sm md:text-base">抵达腾冲后入住酒店休整，市区轻逛，体验腾冲温泉。</p>
                        <div class="flex items-center text-xs md:text-sm text-gray-500">
                            <i class="fa fa-map-marker text-primary mr-2"></i>
                            <span>腾冲市区</span>
                        </div>
                    </div>
                </div>
                
                <!-- 第二天卡片 - 高黎贡徒步 -->
                <div class="bg-light rounded-xl shadow-md overflow-hidden card-hover mobile-card border-2 border-gaoligong">
                    <div class="h-32 md:h-48 bg-cover bg-center" style="background-image: url('https://picsum.photos/id/1036/600/400');">
                        <div class="bg-gaoligong text-white p-2 md:p-3 inline-block">
                            <i class="fa fa-calendar mr-1 md:mr-2 text-sm md:text-base"></i>Day 2
                        </div>
                    </div>
                    <div class="p-4 md:p-6">
                        <h3 class="text-lg md:text-xl font-bold mb-2 md:mb-3 text-gaoligong">高黎贡山徒步 🌿</h3>
                        <p class="text-gray-600 mb-3 md:mb-4 text-sm md:text-base">天然氧吧！原始森林徒步，千年古茶树打卡，负离子满满的治愈之旅～</p>
                        <div class="flex items-center text-xs md:text-sm text-gray-500">
                            <i class="fa fa-map-marker text-gaoligong mr-2"></i>
                            <span>高黎贡山自然保护区 | 难度★★☆</span>
                        </div>
                    </div>
                </div>
                
                <!-- 第三天卡片 -->
                <div class="bg-light rounded-xl shadow-md overflow-hidden card-hover mobile-card">
                    <div class="h-32 md:h-48 bg-cover bg-center" style="background-image: url('https://picsum.photos/id/1018/600/400');">
                        <div class="bg-primary text-white p-2 md:p-3 inline-block">
                            <i class="fa fa-calendar mr-1 md:mr-2 text-sm md:text-base"></i>Day 3
                        </div>
                    </div>
                    <div class="p-4 md:p-6">
                        <h3 class="text-lg md:text-xl font-bold mb-2 md:mb-3">火山与草原 🌋</h3>
                        <p class="text-gray-600 mb-3 md:mb-4 text-sm md:text-base">热气球俯瞰火山群！爬火山口拍大片，草原骑马出片率超高～</p>
                        <div class="flex items-center text-xs md:text-sm text-gray-500">
                            <i class="fa fa-map-marker text-primary mr-2"></i>
                            <span>火山地质公园、东方草原 | 必拍📸</span>
                        </div>
                    </div>
                </div>
                
                <!-- 第四天卡片 -->
                <div class="bg-light rounded-xl shadow-md overflow-hidden card-hover mobile-card">
                    <div class="h-32 md:h-48 bg-cover bg-center" style="background-image: url('https://picsum.photos/id/1037/600/400');">
                        <div class="bg-primary text-white p-2 md:p-3 inline-block">
                            <i class="fa fa-calendar mr-1 md:mr-2 text-sm md:text-base"></i>Day 4
                        </div>
                    </div>
                    <div class="p-4 md:p-6">
                        <h3 class="text-lg md:text-xl font-bold mb-2 md:mb-3">历史与古镇 🏛️</h3>
                        <p class="text-gray-600 mb-3 md:mb-4 text-sm md:text-base">江南水乡既视感！古镇里的咖啡馆超文艺，双虹桥日落绝美～</p>
                        <div class="flex items-center text-xs md:text-sm text-gray-500">
                            <i class="fa fa-map-marker text-primary mr-2"></i>
                            <span>滇西抗战纪念馆、和顺古镇 | 文艺范📚</span>
                        </div>
                    </div>
                </div>
                
                <!-- 第五天卡片 -->
                <div class="bg-light rounded-xl shadow-md overflow-hidden card-hover mobile-card">
                    <div class="h-32 md:h-48 bg-cover bg-center" style="background-image: url('https://picsum.photos/id/1061/600/400');">
                        <div class="bg-primary text-white p-2 md:p-3 inline-block">
                            <i class="fa fa-calendar mr-1 md:mr-2 text-sm md:text-base"></i>Day 5
                        </div>
                    </div>
                    <div class="p-4 md:p-6">
                        <h3 class="text-lg md:text-xl font-bold mb-2 md:mb-3">热海与返程 ♨️</h3>
                        <p class="text-gray-600 mb-3 md:mb-4 text-sm md:text-base">大滚锅温泉蛋必尝！地热奇观震撼，带着满满回忆返程～</p>
                        <div class="flex items-center text-xs md:text-sm text-gray-500">
                            <i class="fa fa-map-marker text-primary mr-2"></i>
                            <span>热海景区、芒市机场 | 温泉蛋🥚</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 每日行程详情 -->
    <!-- 第一天 -->
    <section id="day1" class="py-12 md:py-16 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center mb-8 md:mb-12">
                <div class="bg-primary text-white p-3 md:p-4 rounded-full mr-0 md:mr-4 mb-3 md:mb-0">
                    <i class="fa fa-calendar text-xl md:text-2xl"></i>
                </div>
                <div class="text-center md:text-left">
                    <h2 class="text-2xl md:text-3xl font-bold text-dark">第一天（9月11日 周四）</h2>
                    <p class="text-gray-600 text-sm md:text-base">抵达腾冲 & 市区休整</p>
                </div>
            </div>
            
            <div class="relative timeline">
                <!-- 移动端时间线项目 -->
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">抵达腾冲</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">05:00-14:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">从深圳出发，经广州转机抵达芒市机场，办理租车后自驾前往腾冲市区酒店。</p>
                                <p class="text-xs text-gray-500 mb-2">路线：深圳 → 广州 → 芒市 → 腾冲市区</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-plane mr-1"></i>航班</span>
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>酒店入住</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">抵达腾冲</h3>
                                <p class="text-gray-600 mb-3">从深圳出发，经广州转机抵达芒市机场，办理租车后自驾前往腾冲市区酒店。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-plane mr-1"></i>航班</span>
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>酒店入住</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-plane-arrival"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">05:00 - 14:30</p>
                            <p class="text-gray-600">深圳 → 广州 → 芒市 → 腾冲市区</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">酒店休整</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">14:30-16:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">抵达格林东方酒店办理入住，整理行李，适当休息缓解旅途疲劳。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：格林东方酒店</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>休息</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-suitcase mr-1"></i>整理行李</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <p class="font-medium">14:30 - 16:30</p>
                            <p class="text-gray-600">格林东方酒店</p>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-bed"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">酒店休整</h3>
                                <p class="text-gray-600 mb-3">抵达格林东方酒店办理入住，整理行李，适当休息缓解旅途疲劳。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>休息</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-suitcase mr-1"></i>整理行李</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">市区轻逛</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">16:30-18:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">漫步腾冲文庙感受历史建筑，或逛本地超市购买零食和日用品。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：腾冲市区</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-shopping-bag mr-1"></i>购物</span>
                                    <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-university mr-1"></i>文化体验</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">市区轻逛</h3>
                                <p class="text-gray-600 mb-3">漫步腾冲文庙感受历史建筑，或逛本地超市购买零食和日用品。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-shopping-bag mr-1"></i>购物</span>
                                    <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-university mr-1"></i>文化体验</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-street-view"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">16:30 - 18:30</p>
                            <p class="text-gray-600">腾冲市区</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">晚餐·腾冲味觉盛宴</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">18:30-20:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">推荐餐厅：醉美边城（分店）</p>
                                <div class="bg-gradient-to-r from-orange-50 to-red-50 p-3 rounded-lg mt-2 mb-3 border border-orange-100">
                                    <div class="space-y-2 text-xs">
                                        <p><strong>📍 位置：</strong>腾冲市腾越镇光华路117号（天成酒店对面）</p>
                                        <p><strong>🍽️ 特色：</strong>滇西边地菜系，本地人也爱吃的老店</p>
                                        <p><strong>💰 人均：</strong>80-120元 | <strong>⭐ 推荐度：</strong>★★★★☆</p>
                                        <p><strong>🥘 必点：</strong>大救驾（30元）、土锅子（68元）、腊腌菜（25元）</p>
                                    </div>
                                </div>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-star mr-1"></i>特色菜</span>
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>晚餐</span>
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-fire mr-1"></i>必尝</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <p class="font-medium">18:30 - 20:00</p>
                            <p class="text-gray-600">醉美边城（分店）</p>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-utensils"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-primary">晚餐·腾冲味觉盛宴</h3>
                                    <p class="text-gray-600 mb-3">推荐餐厅：醉美边城（分店）</p>
                                    <div class="bg-gradient-to-r from-orange-50 to-red-50 p-4 rounded-lg mt-3 mb-3 border border-orange-100">
                                        <div class="space-y-2 text-sm">
                                            <p><strong>📍 位置：</strong>腾冲市腾越镇光华路117号（天成酒店对面）</p>
                                            <p><strong>🍽️ 特色：</strong>滇西边地菜系，本地人也爱吃的老店</p>
                                            <p><strong>💰 人均：</strong>80-120元 | <strong>⭐ 推荐度：</strong>★★★★☆</p>
                                            <p><strong>🥘 必点：</strong>大救驾（30元）、土锅子（68元）、腊腌菜（25元）</p>
                                        </div>
                                    </div>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-star mr-1"></i>特色菜</span>
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>晚餐</span>
                                        <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-fire mr-1"></i>必尝</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">温泉体验</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">20:00-21:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">前往距酒店较近的温泉，体验腾冲著名的地热温泉，缓解旅途疲劳。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：市区温泉</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-hot-tub mr-1"></i>温泉</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>放松</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">温泉体验</h3>
                                <p class="text-gray-600 mb-3">前往距酒店较近的温泉，体验腾冲著名的地热温泉，缓解旅途疲劳。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-hot-tub mr-1"></i>温泉</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>放松</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-hot-tub"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">20:00 - 21:30</p>
                            <p class="text-gray-600">市区温泉</p>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 第二天 - 高黎贡徒步 -->
    <section id="day2" class="py-12 md:py-16 bg-white">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center mb-8 md:mb-12">
                <div class="bg-gaoligong text-white p-3 md:p-4 rounded-full mr-0 md:mr-4 mb-3 md:mb-0">
                    <i class="fa fa-calendar text-xl md:text-2xl"></i>
                </div>
                <div class="text-center md:text-left">
                    <h2 class="text-2xl md:text-3xl font-bold text-dark">第二天（9月12日 周五）</h2>
                    <p class="text-gray-600 text-sm md:text-base">高黎贡山徒步一日游</p>
                </div>
            </div>
            
            <div class="relative timeline timeline-gaoligong">
                <div class="mb-8 md:mb-12 relative timeline-dot timeline-dot-gaoligong mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">起床早餐</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">07:00-07:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">早起洗漱，在酒店享用早餐，为一天的徒步做好准备。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：格林东方酒店</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-hiking mr-1"></i>徒步准备</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <p class="font-medium">07:00 - 07:30</p>
                            <p class="text-gray-600">格林东方酒店</p>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-clock-o"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover border-l-4 border-gaoligong">
                                <h3 class="text-xl font-bold mb-2 text-gaoligong">起床早餐</h3>
                                <p class="text-gray-600 mb-3">早起洗漱，在酒店享用早餐，为一天的徒步做好准备。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-hiking mr-1"></i>徒步准备</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot timeline-dot-gaoligong mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">集合出发</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">08:00-09:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">前往指定地点集合，与携程小团队汇合，乘坐专车前往高黎贡山徒步起点。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：集合地点</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-users mr-1"></i>团队集合</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bus mr-1"></i>专车接送</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                                <p class="font-medium">08:00 - 09:30</p>
                                <p class="text-gray-600">腾冲市区 → 高黎贡山</p>
                            </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-flag-checkered"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">08:00 - 09:30</p>
                            <p class="text-gray-600">腾冲市区 → 高黎贡山</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot timeline-dot-gaoligong mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">徒步说明会</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">09:30-10:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">抵达徒步起点，向导介绍行程安排、安全注意事项、装备检查，进行热身运动。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：高黎贡山徒步起点</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-book mr-1"></i>行程说明</span>
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-shield mr-1"></i>安全须知</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <p class="font-medium">09:30 - 10:00</p>
                            <p class="text-gray-600">高黎贡山徒步起点</p>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-info-circle"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                                <p class="font-medium">09:30 - 10:00</p>
                                <p class="text-gray-600">高黎贡山徒步起点</p>
                                </div>
                            </div>
                        </div>
                    </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot timeline-dot-gaoligong mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">上午徒步</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">10:00-12:30</span>
                    </div>
                                <p class="text-gray-600 mb-3 text-sm">开始徒步原始森林（难度：★★☆☆☆），欣赏高黎贡山独特的植被和地貌，向导讲解动植物知识。</p>
                                                                <div class="bg-gradient-to-r from-green-50 to-teal-50 p-3 rounded-lg mt-2 mb-3 border border-green-100">
                                    <h4 class="font-semibold text-green-700 mb-2 text-sm"><i class="fa fa-leaf mr-1"></i>森林漫步打卡点</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>🌿 <strong>天然氧吧</strong>：负离子爆棚，深呼吸治愈系</p>
                                        <p>🍃 <strong>千年古茶</strong>：野生茶树拍照，品茶小憩</p>
                                        <p>📷 <strong>观景台</strong>：腾冲盆地全景，震撼大片</p>
                                        <p>🐦 <strong>观鸟天堂</strong>：珍稀鸟类出没，自然纪录片现场</p>
                </div>
                                </div>
                                <p class="text-xs text-gray-500 mb-2">地点：高黎贡山步道</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-tree mr-1"></i>原始森林</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-leaf mr-1"></i>生态观察</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                                <p class="font-medium">10:00 - 12:30</p>
                                <p class="text-gray-600">高黎贡山步道</p>
                            </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-hiking"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">10:00 - 12:30</p>
                            <p class="text-gray-600">高黎贡山步道</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot timeline-dot-gaoligong mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">山间休息点</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">12:30-13:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">在风景优美的山间休息点享用便携午餐，补充能量，短暂休息。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：山间休息点</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-apple-alt mr-1"></i>便携午餐</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-tree mr-1"></i>自然环境</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <p class="font-medium">12:30 - 13:30</p>
                            <p class="text-gray-600">山间休息点</p>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-utensils"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover border-l-4 border-gaoligong">
                                <h3 class="text-xl font-bold mb-2 text-gaoligong">野外午餐</h3>
                                <p class="text-gray-600 mb-3">在风景优美的山间休息点享用便携午餐，补充能量，短暂休息。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-apple-alt mr-1"></i>便携午餐</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-tree mr-1"></i>自然环境</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot timeline-dot-gaoligong mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">下午徒步</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">13:30-16:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">继续徒步旅程，探索高黎贡山深处的瀑布和溪流，寻找珍稀鸟类和植物。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：高黎贡山深处</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-water mr-1"></i>溪流瀑布</span>
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bird mr-1"></i>观鸟体验</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                                <p class="font-medium">13:30 - 16:30</p>
                                <p class="text-gray-600">高黎贡山深处</p>
                            </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-mountain"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">13:30 - 16:30</p>
                            <p class="text-gray-600">高黎贡山深处</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="relative timeline-dot timeline-dot-gaoligong mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">返程与晚餐</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">16:30-20:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">结束徒步，乘车返回腾冲市区，在酒店稍作休整后，前往餐厅享用晚餐。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：高黎贡山 → 腾冲市区</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bus mr-1"></i>返程</span>
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>晚餐</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                                <p class="font-medium">16:30 - 20:00</p>
                                <p class="text-gray-600">高黎贡山 → 腾冲市区</p>
                            </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-home"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                                <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-gaoligong">返程与晚餐</h3>
                                    <p class="text-gray-600 mb-3">结束徒步，乘车返回腾冲市区，在酒店稍作休整后，前往餐厅享用晚餐。</p>
                                    <div class="flex flex-wrap gap-2 mt-4">
                                        <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bus mr-1"></i>返程</span>
                                        <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>晚餐</span>
                        </div>
                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 第三天 -->
    <section id="day3" class="py-12 md:py-16 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center mb-8 md:mb-12">
                <div class="bg-primary text-white p-3 md:p-4 rounded-full mr-0 md:mr-4 mb-3 md:mb-0">
                    <i class="fa fa-calendar text-xl md:text-2xl"></i>
                </div>
                <div class="text-center md:text-left">
                    <h2 class="text-2xl md:text-3xl font-bold text-dark">第三天（9月13日 周六）</h2>
                    <p class="text-gray-600 text-sm md:text-base">火山与草原</p>
                </div>
            </div>
            
            <div class="relative timeline">
                <!-- 移动端时间线项目 -->
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">早餐与准备</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">07:30-08:30</span>
                        </div>
                                <p class="text-gray-600 mb-3 text-sm">酒店早餐后，整理当日所需物品，准备前往火山地质公园。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：格林东方酒店</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-list-check mr-1"></i>行程准备</span>
                            </div>
                        </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">早餐与准备</h3>
                                <p class="text-gray-600 mb-3">酒店早餐后，整理当日所需物品，准备前往火山地质公园。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-list-check mr-1"></i>行程准备</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                    <i class="fa fa-coffee"></i>
                    </div>
                            </div>
                            <div class="md:w-1/2 md:pl-12">
                        <p class="font-medium">07:30 - 08:30</p>
                                <p class="text-gray-600">腾冲市区 → 火山地质公园</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">前往火山公园</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">08:30-09:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">自驾前往腾冲火山地热国家地质公园，路程约30公里，耗时约1小时。</p>
                                <p class="text-xs text-gray-500 mb-2">路线：腾冲市区 → 火山地质公园</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约30公里</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">前往火山公园</h3>
                                <p class="text-gray-600 mb-3">自驾前往腾冲火山地热国家地质公园，路程约30公里，耗时约1小时。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约30公里</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-car"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">08:30 - 09:30</p>
                            <p class="text-gray-600">腾冲市区 → 火山地质公园</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">腾冲火山地热国家地质公园</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">09:30-12:30</span>
                        </div>
                                                                <p class="text-gray-600 mb-3 text-sm">探索中国最年轻的火山群，感受地球脉搏！大空山600级台阶直达火山口，震撼的地质奇观等你来打卡。</p>
                                
                                <div class="bg-gradient-to-r from-red-50 to-orange-50 p-3 rounded-lg mt-2 mb-3 border border-red-100">
                                    <h4 class="font-semibold text-red-700 mb-2 text-sm"><i class="fa fa-camera mr-1"></i>小红书必打卡</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>📸 <strong>网红机位</strong>：大空山顶俯拍，绝美火山口</p>
                                        <p>🎈 <strong>热气球</strong>：168元空中视角，朋友圈爆款</p>
                                        <p>🐴 <strong>骑马拍照</strong>：50元/30分钟，草原大片既视感</p>
                                        <p>🏛️ <strong>地质博物馆</strong>：免费参观，了解火山形成史</p>
                            </div>
                        </div>
                                
                                <div class="bg-yellow-50 p-3 rounded-lg mt-2 mb-3 border border-yellow-200">
                                    <h4 class="font-semibold text-yellow-700 mb-2 text-sm"><i class="fa fa-exclamation-triangle mr-1"></i>游玩贴士</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>⚠️ <strong>体力要求</strong>：600级台阶，建议穿运动鞋</p>
                                        <p>⏰ <strong>最佳时间</strong>：上午9-11点，阳光充足利于拍照</p>
                                        <p>🎫 <strong>门票信息</strong>：40元含柱状节理+黑鱼河</p>
                                        <p>🚗 <strong>停车</strong>：景区有免费停车场，位置充足</p>
                                    </div>
                                </div>
                                <p class="text-xs text-gray-500 mb-2">地点：腾冲火山地热国家地质公园</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>景点游览</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-plane mr-1"></i>热气球体验</span>
                        </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-primary">腾冲火山地热国家地质公园</h3>
                                    <p class="text-gray-600 mb-3">探索中国最年轻的火山群，感受地球脉搏！大空山600级台阶直达火山口，震撼的地质奇观等你来打卡。</p>
                                    
                                    <div class="bg-gradient-to-r from-red-50 to-orange-50 p-4 rounded-lg mt-3 mb-3 border border-red-100">
                                        <h4 class="font-semibold text-red-700 mb-2"><i class="fa fa-camera mr-1"></i>小红书必打卡</h4>
                                        <div class="text-sm text-gray-600 space-y-1">
                                            <p>📸 <strong>网红机位</strong>：大空山顶俯拍，绝美火山口</p>
                                            <p>🎈 <strong>热气球</strong>：168元空中视角，朋友圈爆款</p>
                                            <p>🐴 <strong>骑马拍照</strong>：50元/30分钟，草原大片既视感</p>
                                            <p>🏛️ <strong>地质博物馆</strong>：免费参观，了解火山形成史</p>
                                        </div>
                                    </div>
                                    
                                    <div class="bg-yellow-50 p-4 rounded-lg mt-3 mb-3 border border-yellow-200">
                                        <h4 class="font-semibold text-yellow-700 mb-2"><i class="fa fa-exclamation-triangle mr-1"></i>游玩贴士</h4>
                                        <div class="text-sm text-gray-600 space-y-1">
                                            <p>⚠️ <strong>体力要求</strong>：600级台阶，建议穿运动鞋</p>
                                            <p>⏰ <strong>最佳时间</strong>：上午9-11点，阳光充足利于拍照</p>
                                            <p>🎫 <strong>门票信息</strong>：40元含柱状节理+黑鱼河</p>
                                            <p>🚗 <strong>停车</strong>：景区有免费停车场，位置充足</p>
                                        </div>
                                    </div>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>景点游览</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-plane mr-1"></i>热气球体验</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                    <i class="fa fa-mountain"></i>
                    </div>
                            </div>
                            <div class="md:w-1/2 md:pl-12">
                        <p class="font-medium">09:30 - 12:30</p>
                        <p class="text-gray-600">腾冲火山地热国家地质公园</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">午餐·火山脚下美食</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">12:30-13:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">推荐餐厅：蒸汽石锅农家乐</p>
                                <div class="bg-gradient-to-r from-red-50 to-yellow-50 p-3 rounded-lg mt-2 mb-3 border border-red-100">
                                    <div class="space-y-2 text-xs">
                                        <p><strong>📍 位置：</strong>火山地质公园入口500米处（景区官方推荐）</p>
                                        <p><strong>🍽️ 特色：</strong>利用天然地热蒸制美食，绿色健康</p>
                                        <p><strong>💰 人均：</strong>70-100元 | <strong>⭐ 推荐度：</strong>★★★★☆</p>
                                        <p><strong>🥘 必点：</strong>地热蒸蛋（10元/个）、石锅饭（38元）、烤乳猪（98元）</p>
                                    </div>
                                </div>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>午餐</span>
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-leaf mr-1"></i>农家菜</span>
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-fire mr-1"></i>地热</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局保持原样 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-primary">午餐·火山脚下美食</h3>
                                    <p class="text-gray-600 mb-3">推荐餐厅：蒸汽石锅农家乐</p>
                                    <div class="bg-gradient-to-r from-red-50 to-yellow-50 p-4 rounded-lg mt-3 mb-3 border border-red-100">
                                        <div class="space-y-2 text-sm">
                                            <p><strong>📍 位置：</strong>火山地质公园入口500米处（景区官方推荐）</p>
                                            <p><strong>🍽️ 特色：</strong>利用天然地热蒸制美食，绿色健康</p>
                                            <p><strong>💰 人均：</strong>70-100元 | <strong>⭐ 推荐度：</strong>★★★★☆</p>
                                            <p><strong>🥘 必点：</strong>地热蒸蛋（10元/个）、石锅饭（38元）、烤乳猪（98元）</p>
                                        </div>
                                    </div>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>午餐</span>
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-leaf mr-1"></i>农家菜</span>
                                        <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-fire mr-1"></i>地热</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-utensils"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">12:30 - 13:30</p>
                            <p class="text-gray-600">火山公园附近农家乐</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">火山公园 → 东方草原</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">13:30-14:00</span>
                        </div>
                                <p class="text-gray-600 mb-3 text-sm">自驾前往东方草原（东山草原），路程约25公里，耗时约40分钟。</p>
                                <p class="text-xs text-gray-500 mb-2">路线：火山公园 → 东方草原</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约25公里</span>
                            </div>
                        </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">前往东方草原</h3>
                                <p class="text-gray-600 mb-3">自驾前往东方草原（东山草原），路程约25公里，耗时约40分钟。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约25公里</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                    <i class="fa fa-car"></i>
                    </div>
                            </div>
                            <div class="md:w-1/2 md:pl-12">
                        <p class="font-medium">13:30 - 14:00</p>
                        <p class="text-gray-600">火山公园 → 东方草原</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">东方草原游览</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">14:00-18:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">在广阔的草原上漫步，欣赏火山群远景，可选择骑马体验（约1小时），之后返回市区。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：东方草原 → 腾冲市区</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>景点游览</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-horse mr-1"></i>骑马体验</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-gaoligong">东方草原游览</h3>
                                <p class="text-gray-600 mb-3">在广阔的草原上漫步，欣赏火山群远景，可选择骑马体验（约1小时），之后返回市区。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>景点游览</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-horse mr-1"></i>骑马体验</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-tree"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">14:00 - 18:00</p>
                            <p class="text-gray-600">东方草原 → 腾冲市区</p>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 第四天 -->
    <section id="day4" class="py-12 md:py-16 bg-white">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center mb-8 md:mb-12">
                <div class="bg-primary text-white p-3 md:p-4 rounded-full mr-0 md:mr-4 mb-3 md:mb-0">
                    <i class="fa fa-calendar text-xl md:text-2xl"></i>
                </div>
                <div class="text-center md:text-left">
                    <h2 class="text-2xl md:text-3xl font-bold text-dark">第四天（9月14日 周日）</h2>
                    <p class="text-gray-600 text-sm md:text-base">历史与古镇</p>
                </div>
            </div>
            
            <div class="relative timeline">
                <!-- 移动端时间线项目 -->
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">早餐与准备</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">08:00-09:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">酒店早餐后，整理当日所需物品，准备前往滇西抗战纪念馆。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：格林东方酒店</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-list-check mr-1"></i>行程准备</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <p class="font-medium">08:00 - 09:00</p>
                            <p class="text-gray-600">格林东方酒店</p>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-coffee"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">早餐与准备</h3>
                                <p class="text-gray-600 mb-3">酒店早餐后，整理当日所需物品，准备前往滇西抗战纪念馆。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-list-check mr-1"></i>行程准备</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">滇西抗战纪念馆</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">09:00-11:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">参观滇西抗战纪念馆，了解中国远征军在滇西的抗战历史，缅怀革命先烈。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：滇西抗战纪念馆、国殇墓园</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-university mr-1"></i>纪念馆</span>
                                    <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-history mr-1"></i>历史教育</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">滇西抗战纪念馆</h3>
                                <p class="text-gray-600 mb-3">参观滇西抗战纪念馆，了解中国远征军在滇西的抗战历史，缅怀革命先烈。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-university mr-1"></i>纪念馆</span>
                                    <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-history mr-1"></i>历史教育</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-university"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">09:00 - 11:00</p>
                            <p class="text-gray-600">滇西抗战纪念馆、国殇墓园</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">前往和顺古镇</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">11:00-11:30</span>
                        </div>
                                <p class="text-gray-600 mb-3 text-sm">自驾前往和顺古镇，路程约4公里，耗时约15分钟。</p>
                                <p class="text-xs text-gray-500 mb-2">路线：滇西抗战纪念馆 → 和顺古镇</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约4公里</span>
                            </div>
                        </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">前往和顺古镇</h3>
                                <p class="text-gray-600 mb-3">自驾前往和顺古镇，路程约4公里，耗时约15分钟。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约4公里</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                    <i class="fa fa-car"></i>
                    </div>
                            </div>
                            <div class="md:w-1/2 md:pl-12">
                        <p class="font-medium">11:00 - 11:30</p>
                        <p class="text-gray-600">纪念馆 → 和顺古镇</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">和顺古镇美食探索</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">11:30-13:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">推荐餐厅：寸大妈豆粉店</p>
                                <div class="bg-gradient-to-r from-amber-50 to-yellow-50 p-3 rounded-lg mt-2 mb-3 border border-amber-100">
                                    <div class="space-y-2 text-xs">
                                        <p><strong>📍 位置：</strong>和顺古镇大门内100米（古镇主街）</p>
                                        <p><strong>🍽️ 特色：</strong>传承三代老字号，侨乡风味小吃</p>
                                        <p><strong>💰 人均：</strong>40-60元 | <strong>⭐ 推荐度：</strong>★★★★★</p>
                                        <p><strong>🥘 必点：</strong>稀豆粉饵丝（15元）、松花糕（8元）、棕包粑粑（12元）</p>
                                    </div>
                                </div>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>午餐</span>
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-star mr-1"></i>老字号</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-history mr-1"></i>传统</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-primary">和顺古镇美食探索</h3>
                                    <p class="text-gray-600 mb-3">推荐餐厅：寸大妈豆粉店</p>
                                    <div class="bg-gradient-to-r from-amber-50 to-yellow-50 p-4 rounded-lg mt-3 mb-3 border border-amber-100">
                                        <div class="space-y-2 text-sm">
                                            <p><strong>📍 位置：</strong>和顺古镇大门内100米（古镇主街）</p>
                                            <p><strong>🍽️ 特色：</strong>传承三代老字号，侨乡风味小吃</p>
                                            <p><strong>💰 人均：</strong>40-60元 | <strong>⭐ 推荐度：</strong>★★★★★</p>
                                            <p><strong>🥘 必点：</strong>稀豆粉饵丝（15元）、松花糕（8元）、棕包粑粑（12元）</p>
                                        </div>
                                    </div>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-utensils mr-1"></i>午餐</span>
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-star mr-1"></i>老字号</span>
                                        <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-history mr-1"></i>传统</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-utensils"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">11:30 - 13:00</p>
                            <p class="text-gray-600">和顺古镇内（寸大妈豆粉店）</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">和顺古镇游览</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">13:00-18:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">游览600年侨乡古镇，"绝胜小苏杭"的江南水乡风情。从图书馆到艾思奇故居，感受深厚的文化底蕴。</p>
                                
                                <div class="bg-gradient-to-r from-blue-50 to-indigo-50 p-3 rounded-lg mt-2 mb-3 border border-blue-100">
                                    <h4 class="font-semibold text-blue-700 mb-2 text-sm"><i class="fa fa-star mr-1"></i>古镇精华体验</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>📚 <strong>和顺图书馆</strong>：中国最大乡村图书馆，文艺拍照圣地</p>
                                        <p>🏛️ <strong>艾思奇故居</strong>：哲学家故居，欧式建筑风格</p>
                                        <p>🌉 <strong>双虹桥</strong>：古镇地标，日落最佳观赏点</p>
                                        <p>☕ <strong>古镇咖啡馆</strong>：文艺范十足，适合发呆小憩</p>
                                    </div>
                                </div>
                                
                                <div class="bg-amber-50 p-3 rounded-lg mt-2 mb-3 border border-amber-200">
                                    <h4 class="font-semibold text-amber-700 mb-2 text-sm"><i class="fa fa-info-circle mr-1"></i>游览须知</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>🎫 <strong>门票</strong>：古镇免费，景点联票80元</p>
                                        <p>🕕 <strong>开放时间</strong>：全天开放，景点8:00-18:00</p>
                                        <p>🚗 <strong>停车</strong>：古镇外停车场10元/天</p>
                                        <p>📷 <strong>最佳拍照</strong>：下午4-6点，光线柔和</p>
                                    </div>
                                </div>
                                <p class="text-xs text-gray-500 mb-2">地点：和顺古镇</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>古镇游览</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-sun mr-1"></i>日落观赏</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">和顺古镇游览</h3>
                                <p class="text-gray-600 mb-3">游览600年侨乡古镇，"绝胜小苏杭"的江南水乡风情。从图书馆到艾思奇故居，感受深厚的文化底蕴。</p>
                                
                                <div class="bg-gradient-to-r from-blue-50 to-indigo-50 p-4 rounded-lg mt-3 mb-3 border border-blue-100">
                                    <h4 class="font-semibold text-blue-700 mb-2"><i class="fa fa-star mr-1"></i>古镇精华体验</h4>
                                    <div class="text-sm text-gray-600 space-y-1">
                                        <p>📚 <strong>和顺图书馆</strong>：中国最大乡村图书馆，文艺拍照圣地</p>
                                        <p>🏛️ <strong>艾思奇故居</strong>：哲学家故居，欧式建筑风格</p>
                                        <p>🌉 <strong>双虹桥</strong>：古镇地标，日落最佳观赏点</p>
                                        <p>☕ <strong>古镇咖啡馆</strong>：文艺范十足，适合发呆小憩</p>
                                    </div>
                                </div>
                                
                                <div class="bg-amber-50 p-4 rounded-lg mt-3 mb-3 border border-amber-200">
                                    <h4 class="font-semibold text-amber-700 mb-2"><i class="fa fa-info-circle mr-1"></i>游览须知</h4>
                                    <div class="text-sm text-gray-600 space-y-1">
                                        <p>🎫 <strong>门票</strong>：古镇免费，景点联票80元</p>
                                        <p>🕕 <strong>开放时间</strong>：全天开放，景点8:00-18:00</p>
                                        <p>🚗 <strong>停车</strong>：古镇外停车场10元/天</p>
                                        <p>📷 <strong>最佳拍照</strong>：下午4-6点，光线柔和</p>
                                    </div>
                                </div>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>古镇游览</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-sun mr-1"></i>日落观赏</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-city"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">13:00 - 18:30</p>
                            <p class="text-gray-600">和顺古镇</p>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 第五天 -->
    <section id="day5" class="py-12 md:py-16 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center mb-8 md:mb-12">
                <div class="bg-primary text-white p-3 md:p-4 rounded-full mr-0 md:mr-4 mb-3 md:mb-0">
                    <i class="fa fa-calendar text-xl md:text-2xl"></i>
                </div>
                <div class="text-center md:text-left">
                    <h2 class="text-2xl md:text-3xl font-bold text-dark">第五天（9月15日 周一）</h2>
                    <p class="text-gray-600 text-sm md:text-base">热海与返程</p>
                </div>
            </div>
            
            <div class="relative timeline">
                <!-- 移动端时间线项目 -->
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">退房准备</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">07:00-07:30</span>
                        </div>
                                <p class="text-gray-600 mb-3 text-sm">早起整理行李，办理酒店退房手续，将行李放入车内。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：格林东方酒店</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>退房</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-suitcase mr-1"></i>行李整理</span>
                            </div>
                        </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">退房准备</h3>
                                <p class="text-gray-600 mb-3">早起整理行李，办理酒店退房手续，将行李放入车内。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-bed mr-1"></i>退房</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-suitcase mr-1"></i>行李整理</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                    <i class="fa fa-suitcase"></i>
                    </div>
                            </div>
                            <div class="md:w-1/2 md:pl-12">
                        <p class="font-medium">07:00 - 07:30</p>
                                <p class="text-gray-600">腾冲市区 → 热海景区</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">前往热海景区</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">07:30-08:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">自驾前往热海景区，路程约12公里，耗时约30分钟，途中在早餐店用餐。</p>
                                <p class="text-xs text-gray-500 mb-2">路线：腾冲市区 → 热海景区</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">前往热海景区</h3>
                                <p class="text-gray-600 mb-3">自驾前往热海景区，路程约12公里，耗时约30分钟，途中在早餐店用餐。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-coffee mr-1"></i>早餐</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-car"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">07:30 - 08:30</p>
                            <p class="text-gray-600">腾冲市区 → 热海景区</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">热海景区</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">08:30-11:30</span>
                        </div>
                                <p class="text-gray-600 mb-3 text-sm">体验世界级地热奇观！98°C天然温泉群，大滚锅沸腾千年不息，感受大自然的神奇力量。</p>
                                
                                <div class="bg-gradient-to-r from-orange-50 to-red-50 p-3 rounded-lg mt-2 mb-3 border border-orange-100">
                                    <h4 class="font-semibold text-orange-700 mb-2 text-sm"><i class="fa fa-fire mr-1"></i>热海必体验</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>♨️ <strong>大滚锅</strong>：98°C沸腾温泉，煮蛋15分钟</p>
                                        <p>🥚 <strong>温泉蛋</strong>：5元/个，地热煮制独特口感</p>
                                        <p>💎 <strong>珍珠泉</strong>：气泡如珍珠，网红拍照点</p>
                                        <p>🌊 <strong>怀胎井</strong>：神奇传说，许愿圣地</p>
                            </div>
                        </div>
                                
                                <div class="bg-blue-50 p-3 rounded-lg mt-2 mb-3 border border-blue-200">
                                    <h4 class="font-semibold text-blue-700 mb-2 text-sm"><i class="fa fa-warning mr-1"></i>安全提醒</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>⚠️ <strong>高温警示</strong>：温泉温度极高，请勿触碰</p>
                                        <p>👟 <strong>防滑鞋履</strong>：地面湿滑，建议防滑鞋</p>
                                        <p>🎫 <strong>门票</strong>：60元，学生证半价</p>
                                        <p>🅿️ <strong>停车</strong>：景区停车场免费</p>
                                    </div>
                                </div>
                                <!-- 新增：推荐温泉店铺 -->
                                <div class="bg-gradient-to-r from-pink-50 to-rose-50 p-3 rounded-lg mt-2 mb-3 border border-rose-100">
                                    <h4 class="font-semibold text-rose-700 mb-2 text-sm"><i class="fa fa-hot-tub mr-1"></i>推荐温泉：黄瓜菁外婆家温泉</h4>
                                    <div class="text-xs text-gray-600 space-y-1">
                                        <p>📍 位置：热海景区内（黄瓜菁片区）</p>
                                        <p>🕒 建议：可选私汤/泡池放松30-60分钟</p>
                                        <p>✅ 适合：亲子/休闲放松</p>
                                    </div>
                                </div>
                                <p class="text-xs text-gray-500 mb-2">地点：热海景区</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>地热景观</span>
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-egg mr-1"></i>温泉煮蛋</span>
                            </div>
                        </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-primary">热海景区</h3>
                                <p class="text-gray-600 mb-3">体验世界级地热奇观！98°C天然温泉群，大滚锅沸腾千年不息，感受大自然的神奇力量。</p>
                                
                                <div class="bg-gradient-to-r from-orange-50 to-red-50 p-4 rounded-lg mt-3 mb-3 border border-orange-100">
                                    <h4 class="font-semibold text-orange-700 mb-2"><i class="fa fa-fire mr-1"></i>热海必体验</h4>
                                    <div class="text-sm text-gray-600 space-y-1">
                                        <p>♨️ <strong>大滚锅</strong>：98°C沸腾温泉，煮蛋15分钟</p>
                                        <p>🥚 <strong>温泉蛋</strong>：5元/个，地热煮制独特口感</p>
                                        <p>💎 <strong>珍珠泉</strong>：气泡如珍珠，网红拍照点</p>
                                        <p>🌊 <strong>怀胎井</strong>：神奇传说，许愿圣地</p>
                                    </div>
                                </div>
                                
                                <div class="bg-blue-50 p-4 rounded-lg mt-3 mb-3 border border-blue-200">
                                    <h4 class="font-semibold text-blue-700 mb-2"><i class="fa fa-warning mr-1"></i>安全提醒</h4>
                                    <div class="text-sm text-gray-600 space-y-1">
                                        <p>⚠️ <strong>高温警示</strong>：温泉温度极高，请勿触碰</p>
                                        <p>👟 <strong>防滑鞋履</strong>：地面湿滑，建议防滑鞋</p>
                                        <p>🎫 <strong>门票</strong>：60元，学生证半价</p>
                                        <p>🅿️ <strong>停车</strong>：景区停车场免费</p>
                                    </div>
                                </div>
                                <!-- 新增：推荐温泉店铺 -->
                                <div class="bg-gradient-to-r from-pink-50 to-rose-50 p-4 rounded-lg mt-3 mb-3 border border-rose-100">
                                    <h4 class="font-semibold text-rose-700 mb-2"><i class="fa fa-hot-tub mr-1"></i>推荐温泉：黄瓜菁外婆家温泉</h4>
                                    <div class="text-sm text-gray-600 space-y-1">
                                        <p>📍 位置：热海景区内（黄瓜菁片区）</p>
                                        <p>🕒 建议：可选私汤/泡池放松30-60分钟</p>
                                        <p>✅ 适合：亲子/休闲放松</p>
                                    </div>
                                </div>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-camera mr-1"></i>地热景观</span>
                                    <span class="bg-orange-100 text-orange-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-egg mr-1"></i>温泉煮蛋</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                    <i class="fa fa-fire"></i>
                    </div>
                            </div>
                            <div class="md:w-1/2 md:pl-12">
                        <p class="font-medium">08:30 - 11:30</p>
                        <p class="text-gray-600">热海景区</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="mb-8 md:mb-12 relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-primary">前往芒市机场</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">11:30-13:30</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">自驾前往芒市机场，路程约100公里，耗时约2小时，途中在服务区简单午餐。</p>
                                <p class="text-xs text-gray-500 mb-2">路线：热海景区 → 芒市机场</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约100公里</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                <h3 class="text-xl font-bold mb-2 text-primary">前往芒市机场</h3>
                                <p class="text-gray-600 mb-3">自驾前往芒市机场，路程约100公里，耗时约2小时，途中在服务区简单午餐。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>自驾</span>
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-road mr-1"></i>约100公里</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                            <div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-plane"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">11:30 - 13:30</p>
                            <p class="text-gray-600">热海景区 → 芒市机场</p>
                        </div>
                    </div>
                    </div>
                </div>
                
                <div class="relative timeline-dot mobile-timeline-dot">
                    <div class="mobile-timeline-content md:flex md:items-center">
                        <!-- 移动端布局 -->
                        <div class="block md:hidden">
                            <div class="bg-white p-4 rounded-lg shadow-md card-hover mb-3 border-l-4 border-gaoligong">
                                <div class="flex justify-between items-start mb-2">
                                    <h3 class="text-lg font-bold text-gaoligong">返程</h3>
                                    <span class="text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">13:30-20:00</span>
                                </div>
                                <p class="text-gray-600 mb-3 text-sm">抵达芒市机场，办理还车手续和登机手续，乘坐航班返程。</p>
                                <p class="text-xs text-gray-500 mb-2">地点：芒市 → 广州 → 深圳</p>
                                <div class="flex flex-wrap gap-1">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-plane mr-1"></i>返程航班</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>还车</span>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 桌面端布局 -->
                        <div class="hidden md:flex md:items-center w-full">
                            <div class="md:w-1/2 md:pr-12 md:text-right">
                            <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                                    <h3 class="text-xl font-bold mb-2 text-gaoligong">返程</h3>
                                <p class="text-gray-600 mb-3">抵达芒市机场，办理还车手续和登机手续，乘坐航班返程。</p>
                                <div class="flex flex-wrap gap-2 mt-4">
                                    <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-plane mr-1"></i>返程航班</span>
                                    <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full"><i class="fa fa-car mr-1"></i>还车</span>
                                </div>
                            </div>
                        </div>
                            <div class="z-10">
                                <div class="w-12 h-12 rounded-full bg-gaoligong text-white flex items-center justify-center shadow-lg">
                                <i class="fa fa-home"></i>
                            </div>
                        </div>
                            <div class="md:w-1/2 md:pl-12">
                            <p class="font-medium">13:30 - 20:00</p>
                            <p class="text-gray-600">芒市 → 广州 → 深圳</p>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 行程地图 -->
    <section id="map-section" class="py-12 md:py-16 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="text-center mb-8 md:mb-12">
                <h2 class="text-2xl md:text-3xl font-bold mb-4 text-dark">行程地图</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
                <p class="mt-4 md:mt-6 text-gray-600 max-w-3xl mx-auto px-4 text-sm md:text-base">以下地图标记了本次腾冲之旅的主要景点、餐厅和住宿地点，包括新增的高黎贡山徒步路线，点击标记可查看详细信息。</p>
            </div>
            
            <div class="bg-white p-3 md:p-6 rounded-xl shadow-lg">
                <!-- 地图控制按钮 -->
                <div class="flex flex-wrap gap-2 md:gap-3 mb-4">
                    <button id="show-all" class="bg-primary text-white px-3 md:px-4 py-2 rounded-lg hover:bg-primary/90 transition-colors flex items-center text-sm md:text-base min-h-[44px]">
                        <i class="fa fa-map mr-1 md:mr-2"></i>
                        <span class="hidden sm:inline">显示所有地点</span>
                        <span class="sm:hidden">全部</span>
                    </button>
                    <button id="show-day1" class="bg-gray-200 text-dark px-3 md:px-4 py-2 rounded-lg hover:bg-gray-300 transition-colors flex items-center text-sm md:text-base min-h-[44px]">
                        <i class="fa fa-calendar mr-1 md:mr-2"></i>Day1
                    </button>
                    <button id="show-day2" class="bg-gray-200 text-dark px-3 md:px-4 py-2 rounded-lg hover:bg-gaoligong/20 transition-colors flex items-center text-sm md:text-base min-h-[44px]">
                        <i class="fa fa-calendar mr-1 md:mr-2"></i>Day2
                    </button>
                    <button id="show-day3" class="bg-gray-200 text-dark px-3 md:px-4 py-2 rounded-lg hover:bg-gray-300 transition-colors flex items-center text-sm md:text-base min-h-[44px]">
                        <i class="fa fa-calendar mr-1 md:mr-2"></i>Day3
                    </button>
                    <button id="show-day4" class="bg-gray-200 text-dark px-3 md:px-4 py-2 rounded-lg hover:bg-gray-300 transition-colors flex items-center text-sm md:text-base min-h-[44px]">
                        <i class="fa fa-calendar mr-1 md:mr-2"></i>Day4
                    </button>
                    <button id="show-day5" class="bg-gray-200 text-dark px-3 md:px-4 py-2 rounded-lg hover:bg-gray-300 transition-colors flex items-center text-sm md:text-base min-h-[44px]">
                        <i class="fa fa-calendar mr-1 md:mr-2"></i>Day5
                    </button>
                </div>
                
                <!-- 地图容器 -->
                <div id="map" class="shadow-inner relative">
                    <!-- 地图加载中动画 -->
                    <div id="map-loader" class="absolute inset-0 bg-white bg-opacity-70 flex items-center justify-center z-20">
                        <div class="loader w-12 h-12 rounded-full border-4 border-gray-200"></div>
                    </div>
                </div>
            </div>
            
            <!-- 地图图例 -->
            <div class="mt-6 md:mt-8 bg-white p-3 md:p-4 rounded-xl shadow-md">
                <h3 class="text-base md:text-lg font-bold mb-3">地图图例</h3>
                <div class="grid grid-cols-2 md:grid-cols-5 gap-3 md:gap-4">
                    <div class="flex items-center text-sm">
                        <div class="w-5 h-5 md:w-6 md:h-6 rounded-full bg-primary flex items-center justify-center text-white mr-2">
                            <i class="fa fa-bed text-xs"></i>
                        </div>
                        <span>住宿</span>
                    </div>
                    <div class="flex items-center text-sm">
                        <div class="w-5 h-5 md:w-6 md:h-6 rounded-full bg-red-500 flex items-center justify-center text-white mr-2">
                            <i class="fa fa-camera text-xs"></i>
                        </div>
                        <span>景点</span>
                    </div>
                    <div class="flex items-center text-sm">
                        <div class="w-5 h-5 md:w-6 md:h-6 rounded-full bg-orange-500 flex items-center justify-center text-white mr-2">
                            <i class="fa fa-utensils text-xs"></i>
                        </div>
                        <span>餐厅</span>
                    </div>
                    <div class="flex items-center text-sm">
                        <div class="w-5 h-5 md:w-6 md:h-6 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
                            <i class="fa fa-plane text-xs"></i>
                        </div>
                        <span>机场</span>
                    </div>
                    <div class="flex items-center text-sm col-span-2 md:col-span-1">
                        <div class="w-5 h-5 md:w-6 md:h-6 rounded-full bg-gaoligong flex items-center justify-center text-white mr-2">
                            <i class="fa fa-hiking text-xs"></i>
                        </div>
                        <span>高黎贡徒步</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-dark text-white py-8 md:py-12">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row justify-between items-center text-center md:text-left">
                <div class="mb-6 md:mb-0">
                    <div class="flex items-center justify-center md:justify-start space-x-2 mb-4">
                        <i class="fa fa-map-marker text-primary text-xl md:text-2xl"></i>
                        <h2 class="text-lg md:text-xl font-bold">腾冲自驾旅行</h2>
                    </div>
                    <p class="text-gray-400 max-w-md text-sm md:text-base leading-relaxed">探索腾冲的自然奇观与人文历史，徒步高黎贡山，体验独特的地热温泉与古镇风情，享受一段难忘的自驾之旅。</p>
                </div>
                <div class="flex flex-col items-center md:items-end">
                    <div class="flex space-x-6 mb-4">
                        <a href="#" class="text-gray-400 hover:text-primary transition-colors text-2xl p-2" aria-label="微信">
                            <i class="fa fa-weixin"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary transition-colors text-2xl p-2" aria-label="微博">
                            <i class="fa fa-weibo"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary transition-colors text-2xl p-2" aria-label="Instagram">
                            <i class="fa fa-instagram"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary transition-colors text-2xl p-2" aria-label="YouTube">
                            <i class="fa fa-youtube-play"></i>
                        </a>
                    </div>
                    <p class="text-gray-400 text-xs md:text-sm">&copy; 2023 腾冲旅行指南 | 版权所有</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- JavaScript -->
    <script>
        // 移动端菜单切换
        document.getElementById('mobile-menu-button').addEventListener('click', function(e) {
            e.preventDefault();
            const mobileMenu = document.getElementById('mobile-menu');
            const icon = this.querySelector('i');
            
            mobileMenu.classList.toggle('hidden');
            
            // 切换图标
            if (mobileMenu.classList.contains('hidden')) {
                icon.className = 'fa fa-bars text-lg';
            } else {
                icon.className = 'fa fa-times text-lg';
            }
        });
        
        // 移动端菜单项点击后关闭菜单
        document.querySelectorAll('#mobile-menu a').forEach(link => {
            link.addEventListener('click', function() {
                const mobileMenu = document.getElementById('mobile-menu');
                const icon = document.querySelector('#mobile-menu-button i');
                mobileMenu.classList.add('hidden');
                icon.className = 'fa fa-bars text-lg';
            });
        });
        
        // 导航栏滚动效果
        let ticking = false;
        function updateHeader() {
            const header = document.querySelector('header');
            if (window.scrollY > 100) {
                header.classList.add('py-1');
                header.classList.remove('py-2', 'py-3');
            } else {
                header.classList.add('py-2', 'md:py-3');
                header.classList.remove('py-1');
            }
            ticking = false;
        }
        
        window.addEventListener('scroll', function() {
            if (!ticking) {
                requestAnimationFrame(updateHeader);
                ticking = true;
            }
        });
        
        // 初始化地图展示
        document.addEventListener('DOMContentLoaded', function() {
            tryInitMap();

            function tryInitMap() {
                // 如果未正确配置KEY或AMap未加载，回退
                const isPlaceholderKey = document.querySelector('script[src*="webapi.amap.com"]')?.src.includes('YOUR_AMAP_KEY');
                if (window.mapFallback || typeof AMap === 'undefined' || isPlaceholderKey) {
                    initFallbackMap();
                    return;
                }
                try {
                    initAmap();
                } catch (e) {
                    console.warn('AMap init failed, fallback to animated map:', e);
                    initFallbackMap();
                }
            }

            async function initAmap() {
                const mapContainer = document.getElementById('map');
                const loader = document.getElementById('map-loader');
                const isMobile = window.innerWidth <= 768;

                const map = new AMap.Map('map', {
                    viewMode: '3D',
                    zoom: isMobile ? 10 : 11,
                    center: [98.497, 25.017],
                    dragEnable: true,
                    zoomEnable: true,
                    doubleClickZoom: true,
                    scrollWheel: true,
                    touchZoomCenter: 1,
                    pitch: 0,
                    rotation: 0,
                    resizeEnable: true,
                    showLabel: true,
                    mapStyle: 'amap://styles/light'
                });

                // 缩放尺与工具条
                map.addControl(new AMap.Scale());
                map.addControl(new AMap.ToolBar({
                    position: { bottom: '20px', right: '20px' },
                    offset: [10, 10]
                }));

                // 数据
                const locations = [
                    { name: '芒市机场', type: 'airport', days: [1,5], address: '芒市机场', lng: 98.531, lat: 24.401 },
                    { name: '格林东方酒店', type: 'hotel', days: [1,2,3,4], address: '腾冲 格林东方酒店', lng: 98.487, lat: 25.014 },
                    { name: '腾冲火山地热国家地质公园', type: 'attraction', days: [3], address: '腾冲火山地热国家地质公园', lng: 98.50, lat: 25.04 },
                    { name: '东方草原', type: 'attraction', days: [3], address: '腾冲 东方草原', lng: 98.33, lat: 25.06 },
                    { name: '滇西抗战纪念馆', type: 'museum', days: [4], address: '腾冲 滇西抗战纪念馆', lng: 98.49, lat: 25.02 },
                    { name: '和顺古镇', type: 'ancient', days: [4], address: '和顺古镇 腾冲', lng: 98.46, lat: 25.02 },
                    { name: '热海景区', type: 'attraction', days: [5], address: '腾冲 热海景区', lng: 98.44, lat: 24.96 },
                    { name: '黄瓜菁外婆家温泉', type: 'spa', days: [5], address: '腾冲 热海景区 黄瓜菁外婆家温泉', lng: 98.441, lat: 24.958 },
                    { name: '醉美边城（分店）', type: 'food', days: [1], address: '腾冲 腾越镇 光华路117号', lng: 98.49, lat: 25.02 },
                    { name: '蒸汽石锅农家乐', type: 'food', days: [3], address: '腾冲 火山地热国家地质公园 入口', lng: 98.49, lat: 25.05 },
                    { name: '寸大妈豆粉店', type: 'food', days: [4], address: '腾冲 和顺古镇 大门', lng: 98.46, lat: 25.02 },
                ];

                const geocoder = new AMap.Geocoder({ city: '腾冲市' });
                const geocoded = await Promise.all(locations.map(loc => new Promise(resolve => {
                    if (loc.lng && loc.lat) return resolve(loc);
                    geocoder.getLocation(loc.address, function(status, result) {
                        if (status === 'complete' && result.geocodes && result.geocodes[0]) {
                            const { location } = result.geocodes[0];
                            loc.lng = location.lng;
                            loc.lat = location.lat;
                        } else {
                            // 兜底相对坐标（大致）
                            const fallback = {
                                '芒市机场': [98.531, 24.401],
                                '格林东方酒店': [98.487, 25.014],
                                '腾冲火山地热国家地质公园': [98.50, 25.04],
                                '东方草原': [98.33, 25.06],
                                '滇西抗战纪念馆': [98.49, 25.02],
                                '和顺古镇': [98.46, 25.02],
                                '热海景区': [98.44, 24.96],
                                '黄瓜菁外婆家温泉': [98.441, 24.958],
                                '醉美边城（分店）': [98.49, 25.02],
                                '蒸汽石锅农家乐': [98.49, 25.05],
                                '寸大妈豆粉店': [98.46, 25.02],
                            }[loc.name];
                            if (fallback) {
                                [loc.lng, loc.lat] = fallback;
                            }
                        }
                        resolve(loc);
                    });
                })));

                // 创建标记
                const infoWindow = new AMap.InfoWindow({ offset: new AMap.Pixel(0, -20) });
                const markers = geocoded.map(loc => {
                    const marker = new AMap.Marker({
                        position: [loc.lng, loc.lat],
                        anchor: 'center',
                        offset: new AMap.Pixel(0, 0),
                        content: getMarkerContent(loc.type),
                        title: loc.name
                    });
                    marker._days = loc.days;
                    marker._name = loc.name;
                    marker.on('click', () => {
                        infoWindow.setContent(`<div style="min-width:160px"><strong>${loc.name}</strong><br/>行程：第${loc.days.join(',')}天</div>`);
                        infoWindow.open(map, marker.getPosition());
                    });
                    return marker;
                });

                map.add(markers);
                map.setFitView(markers, true, [50, 50, 50, 50]);

                // 路线：芒市机场→酒店
                const airport = markers.find(m => m._name.includes('芒市机场'));
                const hotel = markers.find(m => m._name.includes('格林东方酒店'));
                if (airport && hotel) {
                    new AMap.Polyline({
                        path: [airport.getPosition(), hotel.getPosition()],
                        strokeColor: '#F97316',
                        strokeWeight: 4,
                        isOutline: true,
                        outlineColor: '#fff',
                        lineJoin: 'round',
                        strokeStyle: 'dashed',
                        strokeDasharray: [10, 6],
                        map
                    });
                }

                // 绑定按钮
                function bindAmapButtons() {
                    document.getElementById('show-all').addEventListener('click', function() {
                        resetMapButtons();
                        this.classList.add('bg-primary', 'text-white');
                        this.classList.remove('bg-gray-200', 'text-dark');
                        markers.forEach(m => m.show());
                        map.setFitView(markers, true, [50,50,50,50]);
                    });
                    for (let i = 1; i <= 5; i++) {
                        document.getElementById(`show-day${i}`).addEventListener('click', function() {
                            resetMapButtons();
                            this.classList.add(i === 2 ? 'bg-gaoligong' : 'bg-primary', 'text-white');
                            this.classList.remove('bg-gray-200', 'text-dark');
                            const visible = [];
                            markers.forEach(m => {
                                if (m._days.includes(i)) {
                                    m.show();
                                    visible.push(m);
                                } else {
                                    m.hide();
                                }
                            });
                            if (visible.length) map.setFitView(visible, true, [50,50,50,50]);
                        });
                    }
                }
                bindAmapButtons();

                if (loader) loader.style.display = 'none';

                function getMarkerContent(type) {
                    // 参考 AMap 自定义 Marker，用 content 返回精美徽章
                    // https://lbs.amap.com/api/javascript-api-v2/guide/amap-marker/custom-marker
                    const wrap = (color, icon) => `
                        <div class="custom-marker group relative">
                            <div class="marker-pin" style="background-color: ${color};">
                                <i class="${icon}"></i>
                            </div>
                            <div class="marker-shadow"></div>
                        </div>`;
                    switch(type) {
                        case 'hotel': return wrap('#059669','fa fa-bed');
                        case 'airport': return wrap('#2563EB','fa fa-plane');
                        case 'attraction': return wrap('#EF4444','fa fa-camera');
                        case 'ancient': return wrap('#D97706','fa fa-building');
                        case 'museum': return wrap('#374151','fa fa-university');
                        case 'food': return wrap('#F97316','fa fa-cutlery');
                        case 'hiking': return wrap('#1E6091','fa fa-tree');
                        case 'spa': return wrap('#E11D48','fa fa-tint');
                        default: return wrap('#6B7280','fa fa-map-marker');
                    }
                }
            }
            
            function initFallbackMap() {
                const mapContainer = document.getElementById('map');
                const loader = document.getElementById('map-loader');
                
                // 隐藏加载动画
                if (loader) loader.style.display = 'none';
                
                // 创建美观的静态地图展示
                mapContainer.innerHTML = createStaticMap();
                
                // 绑定地图按钮功能
                bindMapButtons();
            }
            
            function createStaticMap() {
                return `
                    <div class="w-full h-full bg-gradient-to-br from-emerald-100 via-blue-100 to-purple-100 rounded-lg relative overflow-hidden" style="background-image: radial-gradient(circle at 30% 40%, rgba(74, 222, 128, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 70%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);">
                        <!-- 地形山脉背景 -->
                        <div class="absolute inset-0 opacity-30">
                            <svg viewBox="0 0 400 300" class="w-full h-full">
                                <!-- 高黎贡山脉 -->
                                <path d="M300,20 Q320,40 340,35 Q360,30 380,45 Q390,55 400,50 L400,0 L300,0 Z" fill="#1E6091" opacity="0.8"/>
                                <!-- 中部山地 -->
                                <path d="M0,180 Q80,120 160,140 Q240,160 320,130 Q360,120 400,135 L400,300 L0,300 Z" fill="#2A9D8F" opacity="0.6"/>
                                <!-- 南部丘陵 -->
                                <path d="M0,220 Q100,200 200,210 Q300,220 400,200 L400,300 L0,300 Z" fill="#10B981" opacity="0.4"/>
                            </svg>
                        </div>
                        
                        <!-- 动画路线 -->
                        <svg class="absolute inset-0 w-full h-full" viewBox="0 0 400 300">
                            <!-- 主要行驶路线 -->
                            <path d="M60,240 Q120,220 180,200 Q220,180 260,160 Q300,140 340,120" 
                                  stroke="#F97316" stroke-width="3" fill="none" stroke-dasharray="8,4" opacity="0.8">
                                <animate attributeName="stroke-dashoffset" values="0;-12" dur="2s" repeatCount="indefinite"/>
                            </path>
                            
                            <!-- 景区连接线 -->
                            <path d="M180,200 Q160,160 140,120" stroke="#EF4444" stroke-width="2" fill="none" stroke-dasharray="4,2" opacity="0.6">
                                <animate attributeName="stroke-dashoffset" values="0;-6" dur="1.5s" repeatCount="indefinite"/>
                            </path>
                        </svg>
                        
                        <!-- 精确地点标记 -->
                        <div class="absolute inset-0">
                            <!-- 芒市机场 -->
                            <div class="absolute location-marker" style="left: 15%; top: 80%;" data-day="1">
                                <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-plane text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">芒市机场</span>
                            </div>
                            
                            <!-- 腾冲市区酒店 -->
                            <div class="absolute location-marker animate-pulse" style="left: 45%; top: 60%;" data-day="1,2,3,4">
                                <div class="w-8 h-8 bg-primary rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-bed text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">格林东方酒店</span>
                            </div>
                            
                            <!-- 高黎贡山 -->
                            <div class="absolute location-marker" style="left: 85%; top: 30%;" data-day="2">
                                <div class="w-8 h-8 bg-gaoligong rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-hiking text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">高黎贡山</span>
                            </div>
                            
                            <!-- 火山地质公园 -->
                            <div class="absolute location-marker" style="left: 35%; top: 40%;" data-day="3">
                                <div class="w-8 h-8 bg-red-500 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-mountain text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">火山公园</span>
                            </div>
                            
                            <!-- 东方草原 -->
                            <div class="absolute location-marker" style="left: 25%; top: 30%;" data-day="3">
                                <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-tree text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">东方草原</span>
                            </div>
                            
                            <!-- 滇西抗战纪念馆 -->
                            <div class="absolute location-marker" style="left: 50%; top: 45%;" data-day="4">
                                <div class="w-8 h-8 bg-gray-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-university text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">抗战纪念馆</span>
                            </div>
                            
                            <!-- 和顺古镇 -->
                            <div class="absolute location-marker" style="left: 53%; top: 50%;" data-day="4">
                                <div class="w-8 h-8 bg-amber-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-building text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">和顺古镇</span>
                            </div>
                            
                            <!-- 热海景区 -->
                            <div class="absolute location-marker" style="left: 42%; top: 55%;" data-day="5">
                                <div class="w-8 h-8 bg-orange-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-fire text-sm"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">热海景区</span>
                            </div>
                            
                            <!-- 主要餐厅标记 -->
                            <div class="absolute location-marker" style="left: 46%; top: 62%;" data-day="1">
                                <div class="w-6 h-6 bg-orange-400 rounded-full flex items-center justify-center text-white shadow cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-utensils text-xs"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">醉美边城</span>
                            </div>
                            
                            <div class="absolute location-marker" style="left: 36%; top: 42%;" data-day="3">
                                <div class="w-6 h-6 bg-red-400 rounded-full flex items-center justify-center text-white shadow cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-utensils text-xs"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">蒸汽石锅</span>
                            </div>
                            
                            <div class="absolute location-marker" style="left: 54%; top: 52%;" data-day="4">
                                <div class="w-6 h-6 bg-amber-400 rounded-full flex items-center justify-center text-white shadow cursor-pointer hover:scale-110 transition-transform">
                                    <i class="fa fa-utensils text-xs"></i>
                                </div>
                                <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">寸大妈豆粉</span>
                            </div>
                            
                            <!-- 新增：黄瓜菁外婆家温泉（静态地图） -->
                            <div class="absolute location-marker" style="left: 44%; top: 57%;" data-day="5">
                                <div class="w-6 h-6 rounded-full flex items-center justify-center text-white shadow cursor-pointer hover:scale-110 transition-transform" style="background-color:#E11D48;">
                                    <i class="fa fa-tint text-xs"></i>
                                </div>
                                 <span class="absolute -bottom-8 left-1/2 transform -translate-x-1/2 text-xs font-semibold whitespace-nowrap bg-white px-2 py-1 rounded shadow border">黄瓜菁外婆家温泉</span>
                            </div>
                        </div>
                        
                        <!-- 标题和距离信息 -->
                        <div class="absolute top-4 left-4 bg-white bg-opacity-95 rounded-lg px-4 py-3 shadow-lg max-w-xs">
                            <h3 class="font-bold text-primary text-lg">腾冲精准位置地图</h3>
                            <p class="text-xs text-gray-600 mt-1">参考真实地理位置绘制</p>
                            <div class="mt-2 text-xs text-gray-500 space-y-1">
                                <p>✈️ 芒市机场→腾冲：160km，2.5h</p>
                                <p>🏔️ 腾冲→高黎贡山：65km，1.5h</p>
                                <p>🌋 腾冲→火山公园：25km，40min</p>
                            </div>
                        </div>
                        
                        <!-- 指南针 -->
                        <div class="absolute top-4 right-4 bg-white bg-opacity-90 rounded-full w-12 h-12 flex items-center justify-center shadow">
                            <div class="text-primary font-bold">N</div>
                            <div class="absolute w-full h-full border-2 border-primary rounded-full opacity-30"></div>
                        </div>
                        
                        <!-- 比例尺 -->
                        <div class="absolute bottom-4 left-4 bg-white bg-opacity-95 rounded px-3 py-2 text-xs shadow">
                            <div class="flex items-center space-x-2">
                                <div class="w-8 h-1 bg-gray-800"></div>
                                <span>20km</span>
                            </div>
                        </div>
                    </div>
                `;
            }
            
            function bindMapButtons() {
                // 高级地图按钮功能，带动画效果
            document.getElementById('show-all').addEventListener('click', function() {
                resetMapButtons();
                this.classList.add('bg-primary', 'text-white');
                this.classList.remove('bg-gray-200', 'text-dark');
                    showLocationsByDay('all');
            });
            
                // 按天显示不同景点
            for(let i = 1; i <= 5; i++) {
                document.getElementById(`show-day${i}`).addEventListener('click', function() {
                    resetMapButtons();
                    this.classList.add(i === 2 ? 'bg-gaoligong' : 'bg-primary', 'text-white');
                    this.classList.remove('bg-gray-200', 'text-dark');
                        showLocationsByDay(i);
                });
            }
            
            function resetMapButtons() {
                const buttons = document.querySelectorAll('#map-section button');
                buttons.forEach(button => {
                    button.classList.remove('bg-primary', 'bg-gaoligong', 'text-white');
                    button.classList.add('bg-gray-200', 'text-dark');
                    });
                }
                
                function showLocationsByDay(day) {
                    const markers = document.querySelectorAll('.location-marker');
                    
                    markers.forEach(marker => {
                        const markerDays = marker.dataset.day ? marker.dataset.day.split(',') : [];
                        const markerDiv = marker.querySelector('div');
                        
                        if (day === 'all' || markerDays.includes(day.toString())) {
                            marker.style.opacity = '1';
                            marker.style.transform = 'scale(1)';
                            markerDiv.classList.add('animate-bounce');
                            setTimeout(() => markerDiv.classList.remove('animate-bounce'), 1000);
                        } else {
                            marker.style.opacity = '0.3';
                            marker.style.transform = 'scale(0.8)';
                        }
                    });
                    
                    // 显示详细信息
                    showDayDetailInfo(day);
                }
                
                function showDayDetailInfo(day) {
                    // 移除旧的信息框
                    const oldInfo = document.querySelector('.map-day-info');
                    if (oldInfo) oldInfo.remove();
                    
                    const infoDiv = document.createElement('div');
                    infoDiv.className = 'map-day-info fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-6 rounded-xl shadow-2xl z-50 max-w-sm border-2 border-primary/20';
                    
                    let content = '';
                    switch(day) {
                        case 'all':
                            content = `
                                <h4 class="font-bold mb-3 text-primary text-lg flex items-center">
                                    <i class="fa fa-map mr-2"></i>五天四晚完整行程
                                </h4>
                                <div class="space-y-2 text-sm text-gray-600">
                                    <p>🏨 住宿：格林东方酒店（4晚）</p>
                                    <p>🎯 景点：8个核心景区</p>
                                    <p>🍽️ 美食：12家精选餐厅</p>
                                    <p>🚗 总里程：约350km</p>
                                </div>`;
                            break;
                        case 1:
                            content = `
                                <h4 class="font-bold mb-3 text-primary text-lg flex items-center">
                                    <i class="fa fa-calendar mr-2"></i>第一天行程
                                </h4>
                                <div class="space-y-2 text-sm text-gray-600">
                                    <p>✈️ 芒市机场→腾冲（2.5h）</p>
                                    <p>🏨 格林东方酒店入住</p>
                                    <p>🍽️ 醉美边城晚餐</p>
                                    <p>♨️ 市区温泉体验</p>
                                </div>`;
                            break;
                        case 2:
                            content = `
                                <h4 class="font-bold mb-3 text-gaoligong text-lg flex items-center">
                                    <i class="fa fa-hiking mr-2"></i>第二天：高黎贡山徒步
                                </h4>
                                <div class="space-y-2 text-sm text-gray-600">
                                    <p>🥾 原始森林徒步（6小时）</p>
                                    <p>🌿 千年古茶树观赏</p>
                                    <p>🐦 珍稀鸟类观测</p>
                                    <p>📷 观景台俯瞰腾冲盆地</p>
                                </div>`;
                            break;
                        case 3:
                            content = `
                                <h4 class="font-bold mb-3 text-primary text-lg flex items-center">
                                    <i class="fa fa-mountain mr-2"></i>第三天：火山探索
                                </h4>
                                <div class="space-y-2 text-sm text-gray-600">
                                    <p>🌋 火山地质公园（3小时）</p>
                                    <p>🎈 热气球俯瞰体验</p>
                                    <p>🏞️ 东方草原漫步</p>
                                    <p>🐴 草原骑马体验</p>
                                </div>`;
                            break;
                        case 4:
                            content = `
                                <h4 class="font-bold mb-3 text-primary text-lg flex items-center">
                                    <i class="fa fa-building mr-2"></i>第四天：历史文化
                                </h4>
                                <div class="space-y-2 text-sm text-gray-600">
                                    <p>🏛️ 滇西抗战纪念馆</p>
                                    <p>🏘️ 和顺古镇深度游</p>
                                    <p>📚 和顺图书馆打卡</p>
                                    <p>🌅 双虹桥日落观赏</p>
                                </div>`;
                            break;
                        case 5:
                            content = `
                                <h4 class="font-bold mb-3 text-primary text-lg flex items-center">
                                    <i class="fa fa-fire mr-2"></i>第五天：地热奇观
                                </h4>
                                <div class="space-y-2 text-sm text-gray-600">
                                    <p>♨️ 热海景区地热奇观</p>
                                    <p>🥚 大滚锅温泉蛋体验</p>
                                    <p>✈️ 芒市机场返程</p>
                                    <p>💼 完美旅程结束</p>
                                </div>`;
                            break;
                    }
                    
                    infoDiv.innerHTML = content + `
                        <button onclick="this.parentElement.remove()" class="mt-4 w-full px-4 py-2 bg-gradient-to-r from-primary to-gaoligong text-white rounded-lg text-sm font-medium hover:shadow-lg transition-all">
                            <i class="fa fa-times mr-1"></i>关闭
                        </button>`;
                    document.body.appendChild(infoDiv);
                    
                    // 添加淡入动画
                    infoDiv.style.opacity = '0';
                    infoDiv.style.transform = 'translate(-50%, -50%) scale(0.9)';
                    setTimeout(() => {
                        infoDiv.style.transition = 'all 0.3s ease';
                        infoDiv.style.opacity = '1';
                        infoDiv.style.transform = 'translate(-50%, -50%) scale(1)';
                    }, 10);
                    
                    // 5秒后自动关闭
                    setTimeout(() => {
                        if (infoDiv.parentElement) {
                            infoDiv.style.opacity = '0';
                            infoDiv.style.transform = 'translate(-50%, -50%) scale(0.9)';
                            setTimeout(() => infoDiv.remove(), 300);
                        }
                    }, 5000);
                }
                
                // 为地图标记添加点击事件
                setTimeout(() => {
                    document.querySelectorAll('.location-marker').forEach(marker => {
                        marker.addEventListener('click', function() {
                            const markerData = this.dataset.day;
                            const markerName = this.querySelector('span').textContent;
                            
                            // 显示标记点详细信息
                            const infoDiv = document.createElement('div');
                            infoDiv.className = 'map-location-info fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-4 rounded-lg shadow-xl z-50 max-w-xs border';
                            infoDiv.innerHTML = `
                                <h4 class="font-bold mb-2 text-primary">${markerName}</h4>
                                <p class="text-sm text-gray-600 mb-3">行程安排：第${markerData}天</p>
                                <button onclick="this.parentElement.remove()" class="px-3 py-1 bg-primary text-white rounded text-xs">关闭</button>
                            `;
                            
                            document.body.appendChild(infoDiv);
                            setTimeout(() => {
                                if (infoDiv.parentElement) infoDiv.remove();
                            }, 3000);
                        });
                    });
                }, 100);
            }
        });
        
        // 移动端优化：防止双击缩放
        document.addEventListener('DOMContentLoaded', function() {
            // 禁用iOS Safari的双击缩放
            let lastTouchEnd = 0;
            document.addEventListener('touchend', function (event) {
                const now = (new Date()).getTime();
                if (now - lastTouchEnd <= 300) {
                    event.preventDefault();
                }
                lastTouchEnd = now;
            }, false);
            
            // 优化移动端滚动性能
            document.body.style.webkitOverflowScrolling = 'touch';
            
            // 处理iOS Safari地址栏隐藏
            if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
                window.addEventListener('orientationchange', function() {
                    setTimeout(function() {
                        window.scrollTo(0, 1);
                    }, 500);
                });
            }
        });
    </script>
</body>
</html>
